<template>
    <div class="copyEntry">
        <!-- 合规规则新增 -->
        <el-dialog title="合规规则新增" :visible.sync="dialogVisible" width="98%"  top="3vh" custom-class="import-dialog" :close-on-click-modal="false">
            <div class="content">
                <ItemControlDetail
                    :itemData="itemData"
                    v-if="dialogVisible"
                    @opne-table="emitInstruct"
                ></ItemControlDetail>
            </div>
        </el-dialog>
    </div>
</template>
<script lang="ts">
import { Component, Vue, Watch, Prop } from 'vue-property-decorator';
import ItemControlDetail from '../item-setting/item-control-detail.vue';
@Component({
    name: 'ItemSettingDialog',
    components: {
        ItemControlDetail,
    },
})
export default class ItemSettingDialog extends Vue {
    @Prop() itemSettingDialog;
    @Prop() itemData;
    private dialogVisible: boolean = false;

    @Watch('itemSettingDialog')
    watchClauseQueryDialog(val) {
        this.dialogVisible = val;
        if (val == true) {

        }
    }
    @Watch('dialogVisible')
    watchDialogVisible(val) {
        if (val == false) {
            this.$emit('emitItemSetting', false, '')
        }
    }
    emitInstruct(param1, param2) {
        this.$emit('emitItemSetting', false, '')
    }
}
</script>
<style lang="scss" scoped>
/deep/ .el-dialog{
    overflow: auto;
}
/deep/ .el-dialog .el-dialog__body{
    height: 92vh !important;
    padding: 0px 10px 10px 10px !important;
    max-height: 85vh;
    min-width: 1200px;
    overflow: auto;
}
</style>
